import React from 'react';
import styles from './index.less';
import { ILists, Tprops } from '../utils/interface';

const inquiry: React.FC<Tprops> = (props) => {
  console.log(props.location.query);
  return (
    <div className={styles.inquiry}>
      <h4>可向多个商家咨询最低价，商家及时回复</h4>
      <dl>
        <dt>
          <img src={props.location.query.img} alt="" />
        </dt>
        <dd>
          <h2>{props.location.query.name}</h2>
          <p>{props.location.query.i.car_name}</p>
        </dd>
      </dl>
      <div className={styles.my}>个人信息</div>
      <ul>
        <li>
          <span>姓名</span>
          <input type="text" placeholder="请输入您的真实中文姓名" />
        </li>
        <li>
          <span>手机</span>
          <input type="text" placeholder="请输入您的真实手机号码" />
        </li>
        <li>
          <span>城市</span>
          <input type="text" placeholder="北京" />
        </li>
      </ul>
      <div className={styles.buttons}>
        <button>询问最低价</button>
      </div>
    </div>
  );
};

export default inquiry;
